<template>
  <div>
    <el-row class="tac">
      <el-col :span="3">
        <el-menu router :default-active="this.$router.path" class="el-menu-vertical-demo">
          <el-menu-item index="/one">
            <i class="el-icon-menu"></i>
            <span slot="title">导航一</span>
          </el-menu-item>
          <el-menu-item index="/two">
            <i class="el-icon-document"></i>
            <span slot="title">导航二</span>
          </el-menu-item>
          <el-menu-item index="/three">
            <i class="el-icon-setting"></i>
            <span slot="title">导航三</span>
          </el-menu-item>
          <el-menu-item index="/four">
            <i class="el-icon-setting"></i>
            <span slot="title">导航四</span>
          </el-menu-item>
        </el-menu>
      </el-col>
      <el-col :span="21">
        <router-view />
      </el-col>
    </el-row>
  </div>
</template>
<script>
export default {
  name: 'NavMenu',
  methods: {
  }
}
</script>
